<template>
    <div class="head-top-wrapper">
        <div class="detail-title">{{title}}</div>
        <slot></slot>
    </div>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: ""
    }
  }
};
</script>
<style lang="scss" scoped>
.head-top-wrapper {
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  color: #999999;
  font-size: 14px;
  position: absolute;
  left:0;
  top:0;
  width:100%;
  border-bottom:1px solid #e4e4e4;
  background: #f3f3f3;
  box-sizing: border-box;
}
.head-top-wrapper:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 14px;
  background: rgb(26, 188, 156);
  left:0;
  top:0;
  bottom:0;
  margin: auto;
}
</style>
